<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" cheome="1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="keywords" content="纽曼官网，纽曼电器" />
    <meta name="description" content="该网站为纽曼公司的一个产品展示网站" />
    <meta name="reder" content="webkit" />
    <title>产品详情</title>
    <link rel="stylesheet" href="../css/reset.css" />
    <link rel="stylesheet" href="../css/public.css" />
    <link rel="stylesheet" href="./css/product_details.css" />
</head>
<body>
    <!-- 导航栏 -->
    <header>
        <a href="../index.html"><img src="../home/images/logo.jpg" alt="logo" class="logo" /></a>         
        <ul class="nav">
            <li><a href="../index.html">企业首页</a></li>
            <li><a href="../about/about.html">关于我们</a></li>
            <li><a href="../news/news.html">新闻中心</a></li>
            <li><a href="../product/product.html" class="active">产品中心</a></li>
            <li><a href="../service/service.html">客户服务</a></li>
            <li><a href="../concat/concat.html">联系我们</a></li>
        </ul>
        <ul class="language">
            <li>CN</li>
            <li>EN</li>
        </ul>
    </header>
    <!-- 轮播图 -->
    <div class="bander">
        <img src="../about/images/about-bander.jpg" alt="bander_01">
    </div>
    <!-- product -->
    <div class="container">
        <aside>
            <div class="aside-content">
                <div class="aside-title">
                <h2 class="title">production</h2> 
                <p>产品中心</p>
                </div>
                <div class="aside-list">
                    <ul>
                        <li><a href="#"><i>·</i>&nbsp;饮水机&nbsp;&nbsp;>></a></li>
                        <li><a href="#"><i>·</i>&nbsp;&nbsp;冰箱&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>></a></li>
                        <li><a href="#"><i>·</i>&nbsp;洗衣机&nbsp;&nbsp;>></a></li>
                        <li><a href="#"><i>·</i>&nbsp;&nbsp;空调&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>></a></li>
                        <li><a href="#"><i>·</i>&nbsp;&nbsp;其他&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>></a></li>
                    </ul>
                </div>
            </div>   
        </aside>
        <div class="container-content">
            <div class="content-title">
                <h3>产品详情 <span>product details</span></h3>
                <div class="crumbs-nav"><a href="#">MORE</a></div>
            </div>
            <div class="product_details">
                <img src="./images/pro-detail01.png" alt="pro-detail01">
                <div class="product_details_content">
                    <h3>嘉德龙电磁炉ST2106 </h3>
                    <p>生活烹饪，节日聚会，约会女神必备神器！现购买送超过及汤锅！</p>
                    <p>型号：st2106 </p>
                    <p>颜色：黑色</p>
                    <p>重量：6.0kg  </p>
                    <p>面板材质：boking微晶面板</p>
                    <p>产品尺寸：290*365*60mm</p>
                    <p>产品特性：防刮耐磨,健康炒“节能烹饪程序 聚能加热技术 多点测温技术</p>
                    <p>双环节能线盘。此款商品型号为C21-ST2106,货号为</p>
                    <p>ST2106,为同一款商品。赠送炒锅和汤锅。</p>
                </div>
            </div>
        </div>
    </div>
      <!-- footer -->
      <footer>
        <div class="footer">
            <div class="footer-content">
                <div class="footer-nav">        
                    <dl>
                        <dt><a href="#">关于我们</a></dt>
                        <dd><a href="#">公司简介</a></dd>
                        <dd><a href="#">企业文化</a></dd>
                        <dd><a href="#">企业荣誉</a></dd>
                        <dd><a href="#">资格认证</a> </dd>
                        <dd><a href="#">研发生产</a></dd>
                    </dl>
                    <dl>
                        <dt><a href="#">产品中心</a></dt>
                        <dd><a href="#">饮水机</a></dd>
                        <dd><a href="#">冰箱</a></dd>
                        <dd><a href="#">洗衣机</a></dd>
                        <dd><a href="#">空调</a></dd>
                        <dd><a href="#">其他产品</a></dd>
                    </dl>
                    <dl>
                        <dt><a href="#">新闻中心</a></dt>
                        <dd><a href="#">最新动态</a></dd>
                        <dd><a href="#">企业新闻</a></dd>
                        <dd><a href="#">行业新闻</a></dd>
                        <dd><a href="#">热点聚焦</a></dd>
                    </dl>
                    <dl>
                        <dt><a href="#">客户服务</a></dt>
                        <dd><a href="#">招商网加盟</a></dd>
                        <dd><a href="#">购买流程</a></dd>
                        <dd><a href="#">售后服务</a></dd>
                        <dd><a href="#">技术支持</a></dd>
                        <dd><a href="#">常见问题</a></dd>
                    </dl>
                    <dl>
                        <dt><a href="#">联系我们</a></dt>
                        <dd><a href="#">在线留言</a></dd>
                        <dd><a href="#">网上咨询</a></dd>
                        <dd><a href="#">联系我们</a></dd>
                    </dl>
                </div>
                <form action="#" class="footer-concar">
                    <input type="text" name="name" placeholder="请输入您的姓名" />
                    <input type="text" name="tel" placeholder="请输入您的联系方式" /><br />
                    <textarea name="" id="" cols="30" rows="10" placeholder="请输入您的留言"></textarea>
                    <input type="button" value="提交">
                </form>
            </div>
        </div>
        <div class="copyright"><p>Copyright&copy;2016WenCun.com All Rights Reserved    Design by WenCun 粤ICP备13005446号-1</p></div> 
    </footer>
</body>
</html>